<template>
	<div class="leftSide">
	  <el-col :span="24">
	    <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
	      <slot></slot>
	    </el-menu>
	  </el-col>
	</div>
</template>


<script>
  export default {
  	data(){
  		return {
  			data:{
  				'0': {
  					nav: '123',
  					item: []
  				}
  			}
  		}
  	},
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style lang='scss'>
	.leftSide{
		width: 2.3rem;
		background: #eef1f6;
	}
</style>